<template>
    <div id="suspension">
        <div class="suspension-wrap">
            <img class="suspension-logo" src="https://imgs.starfirelink.com/vue-fire-start-h5/shop-peison/icon_back_36.png"/>
        </div>
        <!-- 删除组件 -->
        <slot name="deles"/>
    </div>
</template>
<script>
export default {
  name: 'suspension',
  props: {
    datas: Object
  }
}
</script>
<style lang="scss" scoped>
#suspension {
  width: 100%;
  height: 36px;
  position: relative;
  position: absolute;
  right: 0;
  bottom: 10%;
  z-index: 999;
  border: none;
  box-sizing: border-box;

  .suspension-wrap {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 30px;
    z-index: 1001;

    .suspension-logo {
      width: 36px;
      height: 36px;
      border-radius: 50%;
    }
  }
}
</style>
